<template>
    <div style="width: 100px;height: 100px;background-color: royalblue" @click="
        ()=>{
            color = color === 'dark' ? 'light' : 'dark';
            console.log(color)
        }"
    >

    </div>
</template>

<script setup>
import {useTheme} from "@/hooks.js";
const {color} = useTheme()
</script>

<style>

</style>
